<div class="tc-white-1 p+" flex-container="row" flex-column="12">
    <div flex-item="3"><div class="p+ bgc-red-500">[flex-item="3"]</div></div>
    <div flex-item="5"><div class="p+ bgc-blue-500">[flex-item="5"]</div></div>
    <div flex-item="4"><div class="p+ bgc-green-500">[flex-item="4"]</div></div>
</div>
 
<div class="tc-white-1 p+" flex-container="row" flex-column="16">
    <div flex-item="3"><div class="p+ bgc-red-500">[flex-item="3"]</div></div>
    <div flex-item="9"><div class="p+ bgc-blue-500">[flex-item="9"]</div></div>
    <div flex-item="4"><div class="p+ bgc-green-500">[flex-item="4"]</div></div>
</div>
 
<div class="tc-white-1 p+" flex-container="row" flex-column="12" flex-gutter="24">
    <div flex-item="3"><div class="p+ bgc-red-500">[flex-item="3"]</div></div>
    <div flex-item="5"><div class="p+ bgc-blue-500">[flex-item="5"]</div></div>
    <div flex-item="4"><div class="p+ bgc-green-500">[flex-item="4"]</div></div>
</div>
 
<div class="tc-white-1 p+" flex-container="row" flex-column="16" flex-gutter="24">
    <div flex-item="3"><div class="p+ bgc-red-500">[flex-item="3"]</div></div>
    <div flex-item="9"><div class="p+ bgc-blue-500">[flex-item="9"]</div></div>
    <div flex-item="4"><div class="p+ bgc-green-500">[flex-item="4"]</div></div>
</div>